<!DOCTYPE html>
<html lang="zh">
<head>
<title>商品成本管理 | OMS</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />

<!-- 加载 bootstrap 样式-->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />

<!-- 加载本页需要的三方插件样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-bootstrap-wizard/custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-steps/css/jquery.steps.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />

<!-- 加载主题风格样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change"
    class="style-change color-change" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />
<link type="text/css" rel="stylesheet" href="/css/tooltip.css" />

<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-treetable/stylesheets/jquery.treetable.theme.custom.css">
<style>
th, td {
    overflow: inherit;
}
</style>
</head>
<body class="">
    <!--BEGIN CONTENT-->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 col-xs-8 col-sm-8 col-md-8" style="line-height:36px;">
                     
                </div>
                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="margin-bottom: 10px;">
                    <div class="input-group">
                        <input id="quickSearch" type="text" placeholder="商品编码/名称、规格编码/名称" class="form-control" style="margin-top:1px;"/> <span class="input-group-btn">
                            <button id="btnQuickSearch" type="button" class="btn btn-primary">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="portlet box portlet-blue" style="margin-bottom: 15px;">
                        <div class="portlet-header">
                            <div class="caption">商品成本管理</div>
                            <div class="actions">
                                
                                <!-- 刷新  -->
                                 <button id="btnRefresh" style="" type="button" class="btn btn-warning btn-xs">
                                    <i class="fa"></i>&nbsp;刷新
                                 </button>
                                <!-- 导出  -->
                                <button onclick="exportGoodsCost()" type="button" class="btn btn-warning btn-xs">
                                    <i class="fa"></i>&nbsp;导出
                                </button>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table id="goodsCostList" style="table-layout:fixed;margin-left: 0px;" class="table table-hover table-striped table-bordered table-advanced" width="100%" >
                                <thead>
                                    <tr>
                                      <th width="5%" colValue="sonShow" ></th>
                                      <th width="15%" colValue="goodsCode" >商品商家编码</th>
                                      <th width="20%" colValue="goodsName" >商品名称</th>
                                      <th width="15%" colValue="skuCode">规格商家编码</th>
                                      <th width="15%" colValue="skuName" >规格名称</th>
                                      <th width="10%" colValue="costPrice" >成本价（不含税）</th>
                                      <th width="20%" colValue="operation">操作</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                 </tbody>
                               </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
     <!-- 新增窗口 -->
    <div id="changeCostWindow" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade">
        <div class="modal-dialog modal-wide-width">
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">x</button>
                    <h4 id="eventTitle" class="modal-title">变更成本</h4>
                </div>
                <div class="modal-body">
                    <div id="flat-skin" class="row skin skin-flat">
                        <iframe id="ifmCostDetail" name="ifmCostDetail" allowtransparency="true" style="" title="test" frameborder="0" width="100%"
                            height="400px" scrolling="no"></iframe>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnGoodsCostClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                    <button id="btnRuleDetailSave" type="button" class="btn btn-primary">保存</button>
                </div>

            </div>
        </div>
    </div>

    <!--隐藏元素-->
    <input id="ec_sku_id" type="hidden" />

    <!--END CONTENT -->
    
    <!-- 导出文件 -->
    <div id="exportList" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" class="modal fade"
        aria-labelledby="modal-header-primary-label"></div>
    
    
    <!-- 加载 jquery js-->
    <script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-ui.js"></script>

    <!-- 加载 bootstrap 和三方插件 js -->
    <script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
    <script src="/Apollo/madmin/js/html5shiv.js"></script>
    <script src="/Apollo/madmin/js/respond.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-pace/pace.min.js"></script>
    <script src="/Apollo/madmin/vendors/holder/holder.js"></script>
    <script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
    <script src="/Apollo/madmin/vendors/moment/moment.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-tablesorter/jquery.tablesorter.js"></script>
    <script src="/Apollo/madmin/js/table-advanced.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-steps/js/jquery.steps.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-news-ticker/jquery.newsTicker.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js"></script>

    <!-- 加载本页面对应的js -->
    <script src="/views/static/js/jquery.validate.extend.js"></script>
    <!-- <script src="item.js"></script> -->
    <script src="goodsCostList.js"></script>
    <script src="/views/static/js/export.js"></script>
    <script src="/views/static/js/form.js"></script>
</body>
</html>